html,body{
	margin: 0;
	padding: 0;
	font-family: "Lantinghei SC Extralight","Yuanti SC Regular","Yuanti SC Light","Noto Sans S Chinese Thin","Noto Sans S Chinese Light","Hiragino Sans GB W3","Hiragino Sans GB",STXihei,STHeiti,Heiti, "Microsoft YaHei",SimSun;
}
a{
	text-decoration: none;
}
 ul,li{
	margin: 0;
	padding: 0;
}
li{
	list-style: none;
}
/*头部*/
header{
	background-color: #1a98ff;
	width: 100%;
	/*min-width: 960px;*/
	height: 100px;
	position: fixed;
	z-index: 999;
	top: 0;
	/*font-family: "Yuanti SC Light","Noto Sans S Chinese Thin","Noto Sans S Chinese Light","Hiragino Sans GB W3",STXihei,STHeiti,Heiti, "Microsoft YaHei",SimSun;*/
}
.logo{
	width: 285px;
	color: white;
}
.logo .logo-img{
	/*display: inline-block;*/
	float: left;
	width: 100px;
	height: 100px;
	background: url(../imgs/LOGO.png) center no-repeat;
	background-size: 78px;
	background-color: white;
	margin-right: 13px;
}
h3 {
  padding-bottom: 2px;
  font-weight: normal;
  margin-top: 23px;
  margin-bottom: 0px;
  font-size: 36px;
  line-height: 30px;
  font-family: "Lantinghei SC Demibold","Lantinghei SC Extralight","Yuanti SC Regular","Yuanti SC Light","Noto Sans S Chinese Thin","Noto Sans S Chinese Light","Hiragino Sans GB W3","Hiragino Sans GB",STXihei,STHeiti,Heiti, "Microsoft YaHei",SimSun;;
}
.logo p {
  margin: 0;
  line-height: 29px;
  /* text-align: center; */
  display: inline-block;
  width: 165px;
  /* letter-spacing: 1.5px; */
  font-size: 15px;
}

.container{
	max-width: 960px;
	display: block;
	margin: 0 auto;
	height: 100%;
}
header a.logo{
	float: left;
	/*margin-left: 25px;*/
}
.nav{
	display: none;
}
.nav.close{
	background: url(../imgs/close.png) center no-repeat;
}
nav{
	float: right;
	margin-top: 20px;
}

header li{
	display: inline-block;
	list-style: none;
	width: 85px;
	color: white;
	cursor: pointer;
	font-size: 18px;
	text-align: center;
}
header li:hover{
	/*color: #263744;*/
}
header li a{
	display: inline-block;
	text-align: center;
	height: 100%;
	width: 100%;
	padding: 20px 0px;
	color: white;
	/*font-size: 18px;*/
}
header ul li:last-child a,
header ul li:nth-last-child(2) a
{
	color: #235882;
	/*background-color: black;*/
}
header li a:hover{
	color: #272822;
}
header ul li:last-child a:hover,
header ul li:nth-last-child(2) a:hover
{
	color: white;
}
/*中间主题部分*/
.content{
	width: 100%;
	/*min-width: 960px;*/
	margin-top: 100px;
	font-family: "Lantinghei SC Extralight","Yuanti SC Regular","Yuanti SC Light","Noto Sans S Chinese Thin","Noto Sans S Chinese Light","Hiragino Sans GB W3","Hiragino Sans GB",STXihei,STHeiti,Heiti, "Microsoft YaHei",SimSun;
}
.odd{
	display: block;
	background-color: white;
	height: 600px;
}
.even{
	background-color: #1a98ff;
	height: 600px;
	color: white;
}
.content h1{
	font-family: "Lantinghei SC Demibold","Lantinghei SC Extralight","Yuanti SC Regular","Yuanti SC Light","Noto Sans S Chinese Thin","Noto Sans S Chinese Light","Hiragino Sans GB W3","Hiragino Sans GB",STXihei,STHeiti,Heiti, "Microsoft YaHei",SimSun;;
}
.content .odd h1{
	/*font-family: "Yuanti SC Light","Noto Sans S Chinese Thin","Noto Sans S Chinese Light","Hiragino Sans GB W3",STXihei,STHeiti,Heiti, "Microsoft YaHei",SimSun;*/
	font-weight: 400;
	margin: 0;
	font-size: 58px;
	color: #1a98ff;
}
.content .even h1{
	/*font-family: "Yuanti SC Light","Noto Sans S Chinese Thin","Noto Sans S Chinese Light","Hiragino Sans GB W3",STXihei,STHeiti,Heiti, "Microsoft YaHei",SimSun;*/
	font-weight: 400;
	margin: 0;
	font-size: 48px;
	color: white;
	line-height: 58px;
}

.content .odd:nth-child(1) h1{
	padding-top: 100px;
	width: 522px;
	  line-height: 72px;
}
.content .odd:nth-child(3) h1{
	padding-top: 80px;
	width: 560px;
	font-size: 48px;
	line-height: 54px;
	margin-bottom: 50px;
}

.content .odd:nth-child(3) p{
	font-size: 18px;
	margin: 0;
	margin-bottom: 18px;
	font-size: 16px;
	font-weight: lighter;
	width: 495px;
	color: #5a5a5a;
}
.content .odd:nth-child(5) h1{
	padding-top: 80px;
	width: 560px;
	font-size: 48px;
	line-height: 54px;
	margin-bottom: 50px;
}
.content .odd:nth-child(5) p{
	font-size: 18px;
	margin: 0;
	margin-bottom: 18px;
	font-size: 16px;
	font-weight: lighter;
	width: 495px;
	color: #5a5a5a;
}
.even h1,#product h1{
	padding-top: 124px;
	font-size: 48px;
	text-align: right;
	margin-bottom: 50px;
}
.content .even:nth-child(4) h1{
	padding-top: 153px;
	margin-bottom: 50px;
}
.content .even:nth-child(4) p{
  width: 492px;
  margin-left: 480px;
}
.content .even:nth-child(6) h1{
	padding-top: 140px;
	margin-bottom: 50px;
}
.content .even:nth-child(6) p{
	padding-left: 474px;
	width: 486px;
}
/*.even .container{
	width: 520px;
	padding-left: 440px;
}*/
.even p{
	font-size: 16px;
	font-weight: lighter;
	margin: 0;
	margin-bottom: 18px;

}
.td-code-p{
	display: none;
}
.td-code{
	float: left;
	margin-left: 10px;
}
.td-code,.download{
	display: inline-block;
	width: 190px;
	height: 160px;
	text-align: center;
	color: #a3a3a3;
	  margin-top: 60px;
	font-size: 14px;
}
.td-code p:nth-of-type(1),.download p:nth-of-type(1){
	margin-top: 15px;
	margin-bottom: 0px;
	color: #5a5a5a
}
.td-code p:nth-of-type(2),.download p:nth-of-type(2){
	margin-top: 5px;
}
.content .code-img {
  display: block;
  width: 100px;
  height: 100px;
  margin: 20px auto;
  margin-top: 20px;
  margin-bottom: 0;
  background: url(../imgs/td-code.jpg) center no-repeat;
  background-size: 100px;
}
.content .ms-img {
  display: block;
  width: 100px;
  height: 100px;
  margin: 20px auto;
  margin-top: 20px;
  margin-bottom: 0;
  background: url(../imgs/mircosoft.jpg) center no-repeat;
  background-size: 100px;
}
.download a{
	text-decoration: none;
	color: #a3a3a3;
}
.content .odd img{
	float: right;
	/*height: 100%*/
}
.content .even img{
	float: left;
	/*height: 100%;*/
}
.content .odd:nth-child(1) .text{
	position: absolute;
	z-index: 2px;
}
.content .odd:nth-child(1) img{
	margin-top: 12px;
 	position: static;
  	margin-left: 43%;
}
.content .even:nth-child(2) img{
	margin-top: 51px;
}
.content .odd:nth-child(3)  img{
	margin-top: 120px;
  	width: 440px;
}
.content .even:nth-child(4) img{
	margin-top: 69px;
}
.content .odd:nth-child(5) img{
	margin-top: 122px;
  	width: 430px;
}
.content .even:nth-child(6) img{
	margin-top: 89px;
}
/*.content .odd:nth-child(1)>div{
	background: url(../imgs/workplus-01.jpg) bottom right no-repeat;
}
#product>div{
	background: url(../imgs/workplus-02.jpg) center left no-repeat;
	background-size: 450px auto;
}
.content .odd:nth-child(3)>div{
	background: url(../imgs/workplus-03.jpg) no-repeat;
	background-position: 514px 120px;
	background-size: 440px auto;
}
.content .even:nth-child(4)>div{
	background: url(../imgs/workplus-04.jpg) center left no-repeat;
	background-size: 428px 420px;
}
.content .odd:nth-child(5)>div{
	background: url(../imgs/workplus-05.jpg) no-repeat;
	background-position: 525px 122px;
	background-size: 430px;
}
.content .even:nth-child(6)>div{
	background: url(../imgs/workplus-06.jpg) center left no-repeat;
	background-position: -23px 88px;
}*/
/*底部*/
footer{
	margin-top: 50px;
	font-family: "Lantinghei SC Extralight","Yuanti SC Regular","Yuanti SC Light","Noto Sans S Chinese Thin","Noto Sans S Chinese Light","Hiragino Sans GB W3","Hiragino Sans GB",STXihei,STHeiti,Heiti, "Microsoft YaHei",SimSun;
}
footer .container>div {
    width: 33.33%;
    margin-bottom: 20px;
    float: left;
}
.left{
	float: left;
}
.logo-footer{
	display: block;
	margin: 0 auto;
	width: 200px;
	height: 60px;

	/*background-position: 10px 10px;*/
	/*padding-left: 60px;*/
}
.logo-footer span{
	display: block;
	float: left;
	width: 60px;
	height: 60px;
	background: url(../imgs/LOGO.png) center center  no-repeat;
	background-size: 55px;
	position: relative;
	top: -20px;
}
h4{
	line-height: 25px;
	margin: 0px;
	font-size: 26px;
	color: #5a5a5a;
	display: inline-block;
 	 width: 124px;
 	 font-family: "Lantinghei SC Demibold","Lantinghei SC Extralight","Yuanti SC Regular","Yuanti SC Light","Noto Sans S Chinese Thin","Noto Sans S Chinese Light","Hiragino Sans GB W3","Hiragino Sans GB",STXihei,STHeiti,Heiti, "Microsoft YaHei",SimSun;;
}
footer .code-img {
  display: block;
  width: 100px;
  height: 100px;
  margin: 17px auto;
  /*margin-top: 100px;*/
  margin-bottom: 0;
  background: url(../imgs/td-code.jpg) center no-repeat;
  background-size: 100px;
    margin-top: 2px;
}
.left p{
	font-size: 15px;
	color: #5a5a5a;
	text-align: center;
	margin-top: 24px;
	margin-bottom: 0;
}
.left p:nth-of-type(2){
	margin-top: 8px;
	color: #a3a3a3;
}
h2{
	text-align: center;
	font-size: 18px;
	color: #5a5a5a;
	font-weight: normal;
	  margin-bottom: 38px;
	  margin-top: 0px;
}
footer ul li {
  width: 164px;
  /* height: 20px; */
  display: block;
  margin: 0 auto;
  font-size: 14px;
  padding-bottom: 19px;
  color: #5a5a5a;
  font-weight: lighter;
}
footer ul li span{
	width: 90px;
	height: 30px;
	display: inline-block;
	float: left;
	position: relative;
	top: -6px;
}
#cimc{
	background: url(../imgs/CIMC.png) center no-repeat;
	background-size: 55%;
}
#lenovo{
	background: url(../imgs/Lenovo.png) center no-repeat;
	background-size: 70%;
}
#Erie{
	background: url(../imgs/Erie.png) center no-repeat;
	background-size: 70%;
}
#renbao{
	background: url(../imgs/renbao.png) center no-repeat;
	background-size: 70%;
}
#OCT{
	background: url(../imgs/OCT.png) center no-repeat;
	background-size: 55%;
}
.about a{
	display: block;
	width: 100%;
	height: 100%;
	color: #5a5a5a;
	text-align: center;
}
.about a:hover{
	color: black;
}
.about li span {
    width: 24px;
    height: 24px;
    margin-right: 12px;
    position: relative;
    top: -1px;
}
.about li{
	width: 250px;
    margin-left: 18%;
}
#phone{
	background: url(../imgs/phone.png) center center no-repeat;
	background-size: 24px;
}
#mail{
	background: url(../imgs/mail.png) center center no-repeat;
	background-size: 24px;
}
#location{
	background: url(../imgs/location.png) center center no-repeat;
	background-size: 24px;
}
.copy{
	display: block;
}
.copy p {
  text-align: center;
  color: #a3a3a3;
  margin: 40px 0;
}

.content button{
	display: none;
}

.clear{
	clear: both;
}

/*响应式设计--小屏PC和iPad横屏*/
/*@media screen and (max-width: 960px) and (min-width: 768px) {

.container{
	width: 100%;
	display: block;
	margin: 0 auto;
}

}*/

/*响应式设计--ipad*/
/*@media only screen and (max-width: 767px) and (min-width: 480px) {

.container{
	width: 100%;
	display: block;
	margin: 0 auto;
	height: 100%;
}

}*/

/*响应式设计--大屏手机*/
/*@media only screen and (max-width: 479px) and (min-width: 320px) {

.container{
	width: 100%;
	display: block;
	margin: 0 auto;
	height: 100%;
}

}*/


/*响应式设计--小屏手机*/
/*@media only screen and (max-width: 319px) {

.container{
	width: 100%;
	display: block;
	margin: 0 auto;
	height: 100%;
}

}*/